<template>
  <div>
    <detail-banner></detail-banner>
    <detail-header></detail-header>
    <detail-list :list="list"></detail-list>
  </div>
</template>

<script>
import Banner from "./components/Banner.vue";
import DetailHeader from "./components/Header.vue";
import DetailList from "./components/List.vue";

export default {
  name: "Detail",
  components: {
    detailBanner: Banner,
    DetailHeader: DetailHeader,
    DetailList: DetailList,
  },
  data: function () {
    return {
      list: [
        {
          title: "促销",
          children: [
            {
              title: "峨眉山一日游",
            },
            {
              title: "船游乐山大佛",
            },
            {
              title: "峨眉山直通车",
            },
          ],
        },
        {
          title: "门票",
        },
        {
          title: "金顶索道",
        },
        {
          title: "万年石索道",
        },
        {
          title: "观光车",
        },
      ],
    };
  },
};
</script>

<style lang="stylus" scoped></style>